{% extends "forum/base.html" %}
{% block settings %}
<style type="text/css">
	.menu {
		
		height: 50px;
		/*设置元素水平居中*/
		text-align: center;
		/*去除内联元素间隙*/
		font-size: 0;
		/*去掉ul自带的.格式*/
		list-style: none;
		padding: 0;
		
		
	}

	.menu li {
		/*将元素转换为行内块元素*/

		display: inline-block;
		width: 98px;
		height: 48px;
		border: 3px solid gold;
		font-size: 16px;
		/*将边框合并*/

		margin-right: -1px;
		text-align: center;
		line-height: 48px;
	}

	.menu a {
		font-family: "Microsoft YaHei UI";
		color: red;
		/*去掉a元素的下划线*/

		text-decoration: none;
	}

	/*鼠标位于元素位置时改变元素样式*/

	.menu li:hover {
		background-color: gold;
		font-size: 18px;
	}

	.menu a:hover {
		color: #fff;
	}
	.bodyHtml{
		margin-top: 5%;
		margin-left: 15%;
		border: 8px  #ff0000;
		border-style:outset;
		border-radius: 11px;
		width: 70%;
		height: 400px;
	}
</style>
{% endblock settings %}


{% block describe %}
<!-- 主页描述 -->
<div class="content">

  <!-- Page header -->
  <div class="page-header">
              
    <h2 align="center">个人中心</h2>

  </div>
  <!-- /Page header -->

  <!-- Page container -->
  <div class="page-container">

    <ul class="menu">
		<li><a href="{% url 'users:user_information' selecteduser.id %}" target="htmlContent">个人资料</a></li>
		<li><a href="{% url 'users:user_following' profile.id %}" target="htmlContent">我的关注</a></li>
		<li><a href="{% url 'users:user_post' selecteduser.id %}" target="htmlContent">我的文章</a></li>
		<li><a href="{% url 'users:user_plate' selecteduser.id %}" target="htmlContent">我的板块</a></li>
		<li><a href="{% url 'users:show_private_post' selecteduser.id %}" target="htmlContent">我的日志</a></li>
		
	</ul>
	<iframe name="htmlContent" class="bodyHtml" src="{% url 'users:user_information' selecteduser.id %}" ></iframe>
	
              
  </div>
  <!-- /Page container -->
</div>
<!-- /主页描述 -->
{% endblock describe %}